<!doctype html>
<html>
<head>



<%@taglib prefix="s" uri="/struts-tags"%>

<%@page import="com.im.nero.teacher.entity.Question"%>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>budding - Free CSS Template by ZyPOP</title>
<link rel="stylesheet" href="../css/styles.css" type="text/css" />
<link rel="stylesheet" href="../css/styleForm.css" type="text/css" />

<script type="text/javascript" src="../js/j.js">


</script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--
budding, a free CSS web template by ZyPOP (zypopwebtemplates.com/)

Download: http://zypopwebtemplates.com/

License: Creative Commons Attribution
//-->
<meta name="viewport"
	content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
</head>
<body>
	<s:property value="counter" />
	<s:property value="QuestionCollection" />


	<div id="container">




		<header>
			<div class="width" style="height: 100px">
				<div id="login">
					<button>Login</button>
					&nbsp;&nbsp;
					<button>sign up</button>
				</div>
				<a href="" id="logo"></a>

			</div>

		</header>











		<nav>
			<div class="width">
				<ul>
					<li><a href="../index.jsp">Home</a></li>
					<li><a href="teacher.jsp">Teacher</a></li>
					<li class="start selected"><a href="makeQuiz.jsp">Make
							Quiz</a></li>
					<li><a href="teacherSummary.jsp">Summary</a></li>
					<li class="end"><a href="contact.jsp">Contact</a></li>
				</ul>
			</div>
		</nav>










		<div id="body" class="width">

			<section id="content">
				<article>

					<h2>Proceed the quiz</h2>
					<br>
					<br>

					<div id="info"></div>

					<br>


					<hr style="margin: 10px 0px 10px 0px;">



					<ul id="quiz">

					</ul>

					<button id="click" onClick="addQuiz();">Add question</button>
					<br>
					<button id="click" onClick="">Submit the quiz</button>


				</article>
			</section>

			<aside class="sidebar">
				<ul>
					<li class="bg">
						<h4>About us</h4>
						<ul>
							<li class="text">
								<p style="margin: 0;">
									Aenean nec massa a tortor auctor sodales sed a dolor. Duis
									vitae lorem sem. Proin at velit vel arcu pretium tortor auctor
									sodales sed a dolor. Duis vitae lorem sem. Proin at velit vel
									arcu pretium tortor auctor sodales sed a dolor. Duis vitae
									lorem sem. Proin at velit vel arcu pretium luctus <a href="#"
										class="readmore">Read More &raquo;</a>
								</p>
							</li>
						</ul>
					</li>
				</ul>
			</aside>

			<div class="clear"></div>

		</div>






		<footer>
			<div class="footer-content width">
				<ul>
					<li><h4>Our Group</h4></li>
					<li><a href="#">Cosmas</a></li>
					<li><a href="#">Idex</a></li>

				</ul>

				<ul>
					<li><h4>Our Group</h4></li>
					<li><a href="#">Cosmas</a></li>
					<li><a href="#">Idex</a></li>

				</ul>



				<div class="clear"></div>
			</div>
			<div class="footer-bottom">
				<p>
					&copy; FinalProject.com. <a href="http://idex.com/">Exam
						solutions</a> by Team Cosmas
				</p>
			</div>
		</footer>
	</div>





<s:textfield id="Q_hidden" name="Q" ></s:textfield>

<s:textfield id="A1_hidden" name="A1" ></s:textfield>
<s:textfield id="A2_hidden" name="A2" ></s:textfield>
<s:textfield id="A3_hidden" name="A3" ></s:textfield>
<s:textfield id="A4_hidden" name="A4" ></s:textfield>

<s:textfield id="R_hidden" name="cardtype" ></s:textfield>
	
			
	
	
	





	<s:property value="counter" />


	<script type="text/javascript"> var questionCounter=0;</script>
	
	<s:iterator value="QuestionCollection" var="question">

		<script type="text/javascript">	
			
		
			var q=document.getElementById("Q_hidden").value;
			
			var a1=document.getElementById("A1_hidden").value;
			var a2=document.getElementById("A2_hidden").value;
			var a3=document.getElementById("A3_hidden").value;
			var a4=document.getElementById("A4_hidden").value;
			
			var r=document.getElementById("R_hidden").value;
			
			questionCounter++;
			
			addQuizes(questionCounter,q, a1, a2, a3, a4, r);
		</script>

		<h1>
			Name :
			<s:property value="getQ()" />
		</h1>


	</s:iterator>
		<!-- addQuizes(i, <s:property value="getQ()"/>, <s:property value="getA1()"/>, <s:property value="getA2()"/>, <s:property value="getA3()"/>, <s:property value="getA4()"/>, <s:property value="getstrR()"/>);		 -->


</body>

<script type="text/javascript">
	//addQuiz();
</script>
</html>